<template>
    <div class="demo">
        <h2>学生姓名 {{ name }}</h2>
        <span>学生年龄:{{ age }}</span>
         <hr>
        <span>学费是{{count}}</span>
      <hr>
      <!--这里设置一个方法让对应的函数进行回调-->
      <button @click="sendStudentName">点我传送用户数据</button>
    </div>
</template>
<script>
export default{
    name:'StudentView',
    data(){
        return{
            name:'张三',
            age:18,
        }
    },
  //使用props就可以接受了
  //简写方式：携程一个数组的方式
  //props:['count'],
  //完整写法,完整写法是一个对象形式，而且可以使用类型约束,而且可以通过使用一些属性进行设置对应的参数接受的详情，
  /*
   比如使用require限制必须传递参数，然后限制对应的参数的类型、强制传递、默认值等等
  * */
  //使用完整写法，要求必须传递count
  props:{
      count:{
        type:Number,
        required:true, //必须传递参数
        //default:0, //设置默认值
      },
  },
  methods:{
    sendStudentName(){
      //调用$emit触发事件,传递对应的用户名
      this.$emit('getLeaderName',this.name)
    }
  }

}
</script>
<style scoped>
.demo{
    background-color: skyblue;
}
</style>